﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/ViewPage1.cshtml";
}

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>@ViewBag.Title</title>
        <base href="."/>
        <link href="@Url.Content("~/Content/Webdanhki/vit/admin-style.css")" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="container">

            <div id="content">
              <div class="breadcrumb">
                    <a href="/Admin/Index">Home</a>
                    <a href="XemThongTinThongKe">Xem Thông Tin Thống Kê/a>
              </div>
              <div class="box">
                <div class="heading">
                  <h1><img src="/Content/Webdanhki/vit/home.png" alt=""> Admin Chợ Mua Chung</h1>
                </div>
                <div class="content">
                  <div class="overview">
                    <div class="dashboard-heading">Tổng quan</div>
                    <div class="dashboard-content">
                      <table>
                        <tbody>
                            <tr>
                              <td>Tổng số bán hàng:</td>
                              <td>$5000</td>
                            </tr>
                            <tr>
                              <td>Tổng số bán hàng trong năm:</td>
                              <td>$3000</td>
                            </tr>
                            <tr>
                              <td>Tổng số đơn hàng:</td>
                              <td>999</td>
                            </tr>
                            <tr>
                              <td>Số khách hàng:</td>
                              <td>555</td>
                            </tr>
                            <tr>
                              <td>Số khách hàng đang chờ phê duyệt:</td>
                              <td>888</td>
                            </tr>
                            <tr>
                              <td>Số comment chờ phê duyệt:</td>
                              <td>77</td>
                            </tr>
                            <tr>
                              <td>Số doanh nghiệp:</td>
                              <td>66</td>
                            </tr>
                            <tr>
                              <td>Sos doanh nghiệp chở phê duyệt:</td>
                              <td>69</td>
                            </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                  <div class="statistic">
                    <div class="range">Chọn phạm vi:          
                      <select id="range" onchange="getSalesChart(this.value)">
                        <option value="day">Hôm nay</option>
                        <option value="week">Trong tuần</option>
                        <option value="month">Trong tháng</option>
                        <option value="year">Trong năm</option>
                      </select>
                    </div>
                    <div class="dashboard-heading">Thống kê</div>
                    <div class="dashboard-content">
                      <div id="report" style="width: 390px; height: 170px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; ">
			            <canvas class="base" width="390" height="170"></canvas>
			            <canvas class="overlay" width="390" height="170" style="position: absolute; left: 0px; top: 0px; "></canvas>
			            <div class="tickLabels" style="font-size:smaller">
			              <div class="xAxis x1Axis" style="color:#545454">
			                <div class="tickLabel" style="position:absolute;text-align:center;left:005px;top:157px;width:16px">00</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:021px;top:157px;width:16px">01</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:037px;top:157px;width:16px">02</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:054px;top:157px;width:16px">03</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:070px;top:157px;width:16px">04</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:086px;top:157px;width:16px">05</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:102px;top:157px;width:16px">06</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:119px;top:157px;width:16px">07</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:135px;top:157px;width:16px">08</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:151px;top:157px;width:16px">09</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:167px;top:157px;width:16px">10</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:183px;top:157px;width:16px">11</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:200px;top:157px;width:16px">12</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:216px;top:157px;width:16px">13</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:232px;top:157px;width:16px">14</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:248px;top:157px;width:16px">15</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:264px;top:157px;width:16px">16</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:281px;top:157px;width:16px">17</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:297px;top:157px;width:16px">18</div>
			                <div class="tickLabel" style="position:absolute;text-align:center;left:313px;top:157px;width:16px">19</div>
			              </div>
                          <div class="yAxis y1Axis" style="color:#545454">
			                <div class="tickLabel" style="position:absolute;text-align:right;top:144px;right:384px;width:6px">00</div>
			                <div class="tickLabel" style="position:absolute;text-align:right;top:107px;right:384px;width:6px">05</div>
			                <div class="tickLabel" style="position:absolute;text-align:right;top:071px;right:384px;width:6px">10</div>
			                <div class="tickLabel" style="position:absolute;text-align:right;top:034px;right:384px;width:6px">20</div>
			                <div class="tickLabel" style="position:absolute;text-align:right;top:-02px;right:384px;width:6px">40</div>
			              </div>
                        </div>
                        <div class="legend"><div style="position: absolute; width: 120px; height: 40px; top: 9px; right: 9px; background-color: rgb(255, 255, 255); opacity: 0.85; "> </div>
			                <table style="position:absolute;top:9px;right:9px;;font-size:smaller;color:#545454">
			                    <tbody>
			                       <tr>
                                    <td class="legendColorBox">
                                      <div style="border:1px solid #ccc;padding:1px">
			                             <div style="width:4px;height:0;border:5px solid rgb(237,194,64);overflow:hidden"></div>
                                      </div>
                                    </td>
                                    <td class="legendLabel">Tổng số đơn hàng</td>
			                       </tr>
                                   <tr>
                                    <td class="legendColorBox">
                                      <div style="border:1px solid #ccc;padding:1px">
			                            <div style="width:4px;height:0;border:5px solid rgb(175,216,248);overflow:hidden"></div>
                                      </div>
                                    </td>
                                    <td class="legendLabel">Tông số khách hàng</td>
                                   </tr>
                                </tbody>
			                </table>
			            </div>
		              </div>
                    </div>
                  </div>
                  <div class="latest">
                    <div class="dashboard-heading">10 Đơn hàng mới nhất</div>
                    <div class="dashboard-content">
                      <table class="list">
                        <thead>
                          <tr>
                            <td class="right">ID Đơn hàng</td>
                            <td class="left">Khách hàng</td>
                            <td class="left">Trạng thái</td>
                            <td class="left">Ngày thêm</td>
                            <td class="right">Tổng cộng</td>
                            <td class="right">Thao tác</td>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>                           
                            <td class="right">F001</td>
                            <td class="left">Luân</td>
                            <td class="left">Đang chờ</td>
                            <td class="left">06/04/2012</td>
                            <td class="right">$300</td>
                            <td class="right"> [ <a href="#">View</a> ]</td>
                          </tr>
                          <tr>
                            <td class="right">F002</td>
                            <td class="left">Minh</td>
                            <td class="left">Đang chờ</td>
                            <td class="left">06/04/2012</td>
                            <td class="right">$250</td>
                            <td class="right"> [ <a href="#">View</a> ]</td>
                          </tr>
                          <tr>
                            <td class="right">F003</td>
                            <td class="left">Phong</td>
                            <td class="left">Đang chờ</td>
                            <td class="left">06/04/2012</td>
                            <td class="right">$150</td>
                            <td class="right"> [ <a href="#">View</a> ]</td>
                          </tr>
                          <tr>
                            <td class="right">F004</td>
                            <td class="left">Phúc</td>
                            <td class="left">Đang chờ</td>
                            <td class="left">06/04/2012</td>
                            <td class="right">$696</td>
                            <td class="right"> [ <a href="#">View</a> ]</td>
                          </tr>
                          <tr>
                            <td class="right">F005</td>
                            <td class="left">Bích Hạnh</td>
                            <td class="left">Đang chờ</td>
                            <td class="left">06/04/2012</td>
                            <td class="right">$666</td>
                            <td class="right"> [ <a href="#">View</a> ] </td>
                          </tr>
                          <tr>
                            <td class="right">F006</td>
                            <td class="left">Biên</td>
                            <td class="left">Đang chờ</td>
                            <td class="left">06/04/2012</td>
                            <td class="right">$345</td>
                            <td class="right"> [ <a href="#">View</a> ] </td>
                          </tr>
                           <tr>
                            <td class="right">F007</td>
                            <td class="left">Hoàng  Sơn</td>
                            <td class="left">Đang chờ</td>
                            <td class="left">06/04/2012</td>
                            <td class="right">$999</td>
                            <td class="right"> [ <a href="#">View</a> ] </td>
                          </tr>
                          <tr>
                            <td class="right">F008</td>
                            <td class="left">Tôn</td>
                            <td class="left">Đang chờ</td>
                            <td class="left">06/04/2012</td>
                            <td class="right">$789</td>
                            <td class="right"> [ <a href="#">View</a> ] </td>
                          </tr>
                          <tr>
                            <td class="right">F009</td>
                            <td class="left">Tăng</td>
                            <td class="left">Đang chờ</td>
                            <td class="left">06/04/2012</td>
                            <td class="right">$890</td>
                            <td class="right"> [ <a href="#">View</a> ] </td>
                          </tr>
                          <tr>
                            <td class="right">FOO1</td>
                            <td class="left">Bát</td>
                            <td class="left">Đang chờ</td>
                            <td class="left">06/04/2012</td>
                            <td class="right">$500</td>
                            <td class="right">  [ <a href="#">View</a> ] </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>

        </div>
        <div id="footer"><a href="http://teamwork.somee.com/">Fork</a> © 2012-2016 All Rights Reserved.<br>Version 1.5.2</div>
    </body>
</html>